<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=MR-Z&nickName=名人八字-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title><!--{$title}--></title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        body{background-color:#F3DED1;}
        .content{padding-bottom:1rem;}
        .mrbz_p{margin:0.3rem 0.2rem;font-size:0.3rem;color:#333333;}
        .mrbz_p span{color:#dd000e;}
        .top_message_wrap{
            margin:0 0.2rem 0.3rem;
            background:url('__PUBLIC__/images/mrbz_img/zf_bg_1.png') no-repeat;
            background-size:100% 100%;
            padding:0.3rem 0.24rem;
            box-sizing: border-box;
        }
        .top_message_title{font-size:0.34rem;color:#f73232;font-weight: 400;margin-bottom:0.28rem;}
        .top_message_wrap p{margin-bottom:0.18rem;font-size:0.34rem;}
        .top_message_wrap p:nth-child(3){margin-bottom: 0.46rem;}
        .top_message_wrap p:nth-child(4){margin-bottom: 0.5rem;font-size:0.28rem;}
        .top_message_wrap p:nth-child(6){font-size:0.26rem;text-align: center;margin-top:0.23rem;margin-bottom:0;}
        .top_message_wrap p span{color:#dd000e;}
        .readBtn{
            width:3.6rem;
            height:1rem;
            line-height: 1rem;
            font-size:0.36rem;
            color:#ffffff;
            box-shadow: 0 0 0.1rem #F37B86;
            border-radius: 0.7rem;
            background-color:#DD000E;
            text-align: center;
            margin:0 auto;
        }
        .noneWrap{
            margin:0 0.2rem;
            background:url('__PUBLIC__/images/mrbz_img/zf_bg_2.png') no-repeat;
            background-size:100% 100%;
            min-height:10.53rem;
            padding:0.88rem 0.6rem;
            box-sizing: border-box;
            text-align: center;
            font-size:0.3rem;
        }
        .noneWrap_title{font-size:0.6rem;color:#333333;margin-bottom:0.28rem;}
        .t_p{font-size:0.3rem;color:#333333;margin-bottom:0.4rem;}
        .jiesuoBtn{
            width:5.3rem;
            height:0.8rem;
            line-height: 0.8rem;
            text-align:center;
            margin:0 auto;
            background-color:#f73232;
            border-radius: 0.7rem;
            color:#ffffff;
            margin-top:0.84rem;
        }
        .jiesuoBtn::before{
            content:'';
            width:0.32rem;
            height:0.4rem;
            background:url('__PUBLIC__/images/mrbz_img/icon_yaoshi.png') no-repeat;
            background-size:100% 100%;
            display: inline-block;
            margin-right:0.2rem;
            vertical-align: middle;
        }
        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner"><img src="__PUBLIC__/images/mrbz_img/banner_zf.png" width="100%" alt=""></div>
    <div class="content">
        <p class="mrbz_p">目前已有<span><!--{$Think.cookie.mrbzcs}--></span>名用户查询，有98%的用户给予好评，<span>并比你更好地规划未来，改变人生</span>。</p>
        <div class="top_message_wrap">
            <h3 class="top_message_title">您好：</h3>
            <p>您的出生日期：<span><!--{$datetype}--></span></p>
            <p>您的八字为：<span><!--{$sizhu[0]}--> <!--{$sizhu[1]}--> <!--{$sizhu[2]}--> <!--{$sizhu[3]}--></span></p>
            <p>以下是在知命八字数据库中为您匹配八字相同相似的名人，看他们的一生经历与你会有哪些奇妙相似之处？</p>
            <div class="readBtn J_zf_btn">立即查看</div>
            <p class="orderMoney">限时价：<span><!--{$Think.cookie.price}-->元</span></p>
        </div>
        <div class="noneWrap">
            <h3 class="noneWrap_title">八字数据库匹配报告</h3>
            <p class="t_p">(2500-5000字)</p>
            <p>内容与您八字相似或相同的名人伟人、八字的专业批注 (婚姻、事业、健康等方面)、您大运的起落和后天开运法！</p>
            <div class="jiesuoBtn J_zf_btn">解锁查看详批内容</div>
        </div>
    </div>
    <!-- 悬浮解锁按钮 -->
    <div class="bzjp_zf_fiexd_btn"><div class="btn_bg J_zf_btn"></div></div>
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <!--<div id="qrcode"></div>-->
                <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <!-- 抵用券 -->
    <include file="Public/coupon"/>
    <include file="Public/qudao135zhifu"/>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                ispress = false;
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Mrbz/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }

        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        // open
         $('.J_zf_btn').on('click',function(){//解锁查看内容
            var wxlogin='<!--{$Think.cookie.wxlogin}-->';
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'MR'},function(data){})

             if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                 payMoney245();exit;
             }else if(channel=='appaidou'){//爱豆支付
                 aidouPay();exit;
             }
             zhifuPopup();

             if (wxlogin == 1) {
                 $(".weixinzf").click();
             }else{
                 $('#publicPayPopup').fadeIn();
             }
        })
        // close
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').fadeOut();
        })

        $(".weixinzf").on('click',function(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Mrbz/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );

        });
    </script>
</body>
</html>